<template>
    <div class="topBox">
        <div class="L"><a href="index.html">LOGO</a></div>
        <div class="C">
            <div class="saerchbox">
                <input name="" type="text" placeholder="请输入您要搜索的内容"><img src="/assets/images/ss.png">
            </div>
        </div>
        <div class="R">
            <a href="map.html"><img src="/assets/images/map.png"></a>
        </div>
    </div>
    <div class="clear"></div>

    <div class="aui-m-slider">
        <div class="m-slider" data-ydui-slider>
            <div class="slider-wrapper">
                <div class="slider-item"> <a href="javascript:;"> <img src="/assets/images/banner.jpg"> </a> </div>
            </div>
            <div class="slider-pagination"></div>
        </div>
    </div>
    <div class="clear"></div>

    <div class="lqgwBox">
        <ul>
            <li><a href="list.html"><img src="/assets/images/quanbu.png">
                    <p>全部商品</p>
                </a></li>
            <li><a href="live.html"><img src="/assets/images/zibo.png">
                    <p>商品直播</p>
                </a></li>
            <li><a href="coupon.html"><img src="/assets/images/youhui.png">
                    <p>优惠活动</p>
                </a></li>
            <li><a href="ranking.html"><img src="/assets/images/bandan.png">
                    <p>榜单排行</p>
                </a></li>
        </ul>
    </div>
    <div class="clear"></div>

    <div class="contitbox">
        <p>新品<span>•</span>推荐</p>
    </div>
    <div class="clear"></div>

    <ul class="proul">
        <li>
            <div class="con">
                <a href="detail.html">
                    <img src="/assets/images/4.jpg">
                    <p><span>￥</span>288</p>
                </a>
            </div>
        </li>
        <li>
            <div class="con">
                <a href="detail.html">
                    <img src="/assets/images/5.jpg">
                    <p><span>￥</span>198</p>
                </a>
            </div>
        </li>
        <li>
            <div class="con">
                <a href="detail.html">
                    <img src="/assets/images/6.jpg">
                    <p><span>￥</span>2368</p>
                </a>
            </div>
        </li>
        <li>
            <div class="con">
                <a href="detail.html">
                    <img src="/assets/images/7.jpg">
                    <p><span>￥</span>688</p>
                </a>
            </div>
        </li>
    </ul>
    <div class="clear"></div>

    <div class="h54"></div>
    <div class="clear"></div>

    <div class="footerBox">
        <div class="footer">
            <ul>
                <li class="on">
                    <a href="index.html">
                        <img src="/assets/images/f01.png">
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="typelist.html">
                        <img src="/assets/images/f2.png">
                        <p>分类</p>
                    </a>
                </li>
                <li>
                    <a href="find.html">
                        <img src="/assets/images/faxian.png">
                        <p>发现</p>
                    </a>
                </li>
                <li>
                    <a href="gwc.html">
                        <img src="/assets/images/f3.png">
                        <p>购物车</p>
                    </a>
                </li>
                <li>
                    <a href="my.html">
                        <img src="/assets/images/f4.png">
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</template>